<script setup lang='ts'>
import { onMounted } from 'vue';
import { useRoute, useRouter } from 'vue-router';

onMounted(() => {
    // useRoute: 用于获取当前路由对象，访问路由参数、查询参数等。
    // useRouter: 用于获取路由实例，进行导航操作。
    const route = useRoute()
    // alert(JSON.stringify(route.query))
    // alert(route.params.id)
})

const router = useRouter()
const back = () => {
    router.back()
    // router.go(-1)
}

</script>

<template>
    <div>主页</div>
    <button @click="back">返回</button>

</template>

<style scoped></style>